/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .hm4-detail i{ width: 12px; height: 14px;}
    .hm4-more{ width: 240px; line-height: 44px;}
    .his-tab::after{ top: 47px;}
    .honor-dot{ width: 24px; height: 24px;}
    .honor-right{ margin: .6rem 0;}
    .honor-list li{ background-size: 26px auto; padding-left: 32px;}   
    .buss-text p{ background-size: 14px auto; padding-left: 20px;} 
    .detail-bg{ padding-top: 108px;}

    .pro-bot-list{ margin: .3rem -.15rem 0;}
    .pro-bot-list li{ padding: 0 .15rem;}
    .pro-bot-text{ padding: .2rem;}
    .pro-detail-left{ top: 80px;}
}
@media (max-width:1400px) {
    .a-top-left{ height: 450px;}
    .his-tab::after{ top: 40px;}
    .respon1-more{ width: 160px; line-height: 40px;}
    .buss-text p{ background-size: 12px auto;}
    .detail-bg{ padding-top: 100px;}
    .join1-btn i{ width: 20px; height: 20px;}
    .inv1-down{ background-size: 16px auto; padding-left: 20px;}

    .search-ico{ left: 15px; background-size: 20px auto;}
    .search-input{ height: 50px; padding-left: 50px;}
    .search-btn{ width: 90px; height: 40px;}
}
@media (max-width:1200px) {
    .banner{ height: 80vh; max-height: 8rem;}
    .ban-tit{ line-height: 1.4;}
    .hm2Bg{ padding: .4rem 0;}
    .hm2Bg .container{ width: 100%;}
    .hm2-center{ margin: 0 0 .3rem;}
    .hm2-line{ width: 100vw; height: 200%; margin-top: 0;}
    .hm2-item li:nth-child(1){ width: 20%;}
    .hm2-item li:nth-child(2){ width: 15%;}
    .hm2-item li:nth-child(3){ width: 22%;}
    .hm2-item li:nth-child(4){ width: 18%;}
    .hm3Bg .hm-space{ height: auto;}
    .hm3-swiper .swiper-container{ height: 6rem;}
    .hm3-swiper .swiper-pagination{ display: block; margin: .3rem 0;}
    .hm3-icon{ width: 60px; height: 60px;}
    .hm3-img{ max-height: 2.4rem;}
    .hm3-img img{ max-height: 2.4rem}
    .hm4Bg{ padding: .4rem 0;}
    .hm4-swiper{ margin: .3rem 0;}

    .hm-title,.hm-more,.hm2-left,.hm2-text,.hm2-item li,.hm2-list li,.hm3-swiper,.hm4-swiper,.hm4-more{ animation: none !important;}

    .a-top{ padding: .5rem .3rem; border-radius: 0 0 0 .3rem;}
    .a-top-tit{ margin-bottom: .3rem;}
    .a-bot-bg{ padding: .3rem 0;}
    .a-bot-bg .hm2-list li{ position: relative; width: 25%; animation: fadeInUp 1s linear !important;}

    .his-box{ padding: .5rem 0;}
    .his-tab{ margin: .3rem auto;}
    .his-tab::after{ top: 50px;}
    .his-tab-ico{ width: 100px; height: 100px; margin: 0 auto .1rem;}
    .his-swiper{ margin: .2rem -10px 0;}
    .his-item{ padding: .2rem .3rem;}
    .his-year{ margin: .2rem 0;}
    .his-year img{ width: 18px; margin-right: .1rem;}
    .his-text{ margin-bottom: 0;}
    .his-list{ margin: 0 -.3rem;}
    .his-list li{ padding: 0 .3rem; margin-bottom: .2rem;}

    .cul1-bg{ padding: .6rem 0;}
    .cul1-top{ margin: .3rem 0;}
    .cul1-text{ display: flex; flex-direction: column; justify-content: center; padding: .3rem; min-height: 0;}
    .cul1-con{ width: 100%;}
    .cul1-bot{ margin: .3rem -.1rem;}
    .cul1-bot li{ margin-top: .3rem; padding: 0 .1rem;}
    .cul1-icon{ width: 80px; height: 80px; margin-right: .2rem;}
    .cul2-swiper .swiper-slide{ max-width: 80%;}
    .cul2-swiper .swiper-btn{ margin: 0;}
    .cul2-swiper .swiper-btn .swiper-prev{ right: auto; left: 1.5%; z-index: 1;}
    .cul2-swiper .swiper-btn .swiper-next{ left: auto; right: 1.5%; z-index: 1;}

    .honor-box{ padding: .6rem 0;}
    .honor-box::before{ display: none;}
    .honor-right{ width: 100%; max-width: 100%; margin: 0;}
    .honor-circle{ position: static; display: flex; justify-content: center; width: 100%; transform: none;}
    .honor-circle li{ margin: .1rem 1px;}
    .honor-con{ padding: 15px;}
    .honor-des{ margin-bottom: .2rem;}
    .honor-list li{ background-size: 20px auto; padding-left: 25px;}
    .honor-text-scroll{ max-height: 2.6rem;}

    .respon1-ico{ margin: .3rem auto;}
    .respon1-des{ width: 100%; margin: .2rem auto .3rem;}
    .respon1-more{ margin: .3rem auto;}
    .respon2-bg{ padding: .6rem 0;}
    .respon2-list{ margin: 0 -.1rem;}
    .respon2-list li{ padding: .1rem;}
    .respon2-text{ padding: .1rem .15rem;}
    .respon2-title{ margin: 5px 0;}
    .respon2-con{ margin: 5px 0;}

    .business-bg{ padding: .6rem 0;}
    .buss-list{ margin: 0 -.1rem;}
    .buss-list li{ padding: .1rem;}
    .buss-link{ padding: .2rem;}
    .buss-title{ margin: .1rem 0;}
    .buss-text{ margin: .1rem 0;}

    .contact{ padding: .6rem 0;}
    .con-left{ padding: .3rem;}
    .con-tel{ margin: .2rem 0; background-size: 20px auto; padding-left: 30px; line-height: 20px;}
    .con-text{ margin: .2rem 0;}
    .con-wx-img{ max-width: 120px; margin-right: .2rem;}
    .map-logo{ width: 50px; max-width: 1rem;}

    .news-top{ padding-bottom: .3rem;}
    .news-top-text{ padding: 0 3%;}
    .news-top-page{ padding: 0 3%;}
    .news-top-page .swiper-pagination-bullet{ width: 30px;}
    .news-list li{ margin-top: .3rem;}
    .news-img{ margin-right: 0;}
    .news-text{ padding: .1rem .3rem;}
    .news-time i{ width: 16px; height: 16px; margin-right: .1rem;}

    .detail-bg{ padding-top: 60px;}
    .news-head{ padding: .3rem 0;}
    .news-h1{ margin-bottom: .1rem;}
    .news-body{ padding: .3rem 0;}
    .share{ margin-top: .3rem;}
    .news-foot{ padding: .3rem 0;}
    .back-list img{ width: 22px;}

    .pro-top-link{ padding: .2rem 0;}
    .pro-top-icon{ width: 70px; height: 70px;}
    .pro-bot-bg{ padding: .6rem 0;}
    .pro-bot-list{ margin: .1rem -.1rem 0;}
    .pro-bot-list li{ padding: 0 .1rem; margin-top: .2rem;}
    .pro-detail-left{ top: 60px;}
    .pro-detail-text{ margin-left: 0;}
    .pro-detail-top{ padding: .2rem 0 .1rem;}
    .pro-detail-bot{ padding: .2rem 0;}
    
    .inn1-bg{ padding: .6rem 0;}
    .inn1-text{ margin: .3rem 0;}
    .inn1-list{ margin: .2rem 0;}
    .inn1-icon{ width: 80px; height: 80px; margin-right: .15rem;}

    .inn2-bg{ padding: 0 0 .3rem;}
    .inn2-swiper .swiper-slide{ padding: .6rem .3rem .3rem; border: none;}
    .inn2-item{ justify-content: center; max-width: 100%; height: auto; min-height: 31.25vw;}
    .inn2-text{ display: flex; align-items: center;}
    .inn2-num{ margin-right: 5px;}
    .inn2-con{ max-height: none;}

    .inn3-bg{ margin-bottom: .4rem;}
    .inn3-bg::before{ bottom: calc(.2rem + 30px);}
    .inn3-text{ padding: .1rem .2rem;}

    .inn4-bg{ padding: .4rem 0;}
    .inn4-bg:last-child{ margin-bottom: .2rem;}

    .ser-bg{ background-position: center 20%; background-size: 150% auto;}
    .ser-bg .inn1-list{ margin: .3rem 0;}

    .sys1-list{ margin: 0 -.1rem;}
    .sys1-list li{ padding: .1rem;}
    .sys1-item{ padding: .1rem;}
    .sys1-star{ margin: .1rem 0;}
    .sys1-text{ margin: .1rem;}
    .sys2-box{ margin: .5rem 0; padding: .4rem .3rem;}
    .sys3-list{ margin: .1rem -.1rem;}
    .sys3-list li{ padding: .1rem;}
    .sys3-item{ padding: .2rem .1rem;}
    .sys3-ico{ width: 80px; height: 80px; margin: 0 .1rem;}
    .sys3-text{ margin-left: .1rem;}

    .join-bg{ padding: .6rem 0;}
    .join-des{ margin: .3rem 0;}
    .join1-list{ margin: 0 -.1rem;}
    .join1-list li{ padding: 0 .1rem;}
    .join1-text{ padding: .3rem;}
    .join1-title{ margin-bottom: .1rem;}
    .join1-btn{ max-width: 2rem; min-width: 110px; width: 140px; line-height: 20px;}

    .join2-swiper .swiper-slide{ padding: .2rem .3rem;}
    .join2-ico{ width: 65px; height: 65px; margin: .1rem 0;}
    .join2-title{ margin: .1rem 0;}
    .join2-text{ margin: .1rem 0 .2rem;}
    .join2-box{ padding: .3rem;}
    .join3-swiper .swiper-slide{ width: 60%; max-width: none;}
    .join3-button{ width: 40px; height: 40px;}
    .join3-prev{ left: calc(20% - 80px);}
    .join3-next{ right: calc(20% - 80px);}

    .inv-top-top{ margin: .2rem 0;}
    .inv-top-bot{ margin: .1rem 0;}
    .inv-bot-item{ margin-left: .4rem;}
    .inv-bg{ padding: .6rem 0;}
    .inv1-list{ margin: 0 -.1rem;}
    .inv1-list li{ padding: 0 .1rem;}
    .inv1-text{ padding: .2rem;}
    .inv1-title{ margin-bottom: 5px;}
    .inv2-year{ line-height: 20px; padding: .2rem 0;}
    .inv2-top .swiper-slide::after{ height: 2px;}
    .inv2-bot{ padding: .3rem 0 0;}
    .inv2-list{ margin: 0 -.1rem;}
    .inv2-list li{ padding: .1rem;}
    .inv2-link{ padding: .3rem;}
    .inv3-list{ margin: 0 -.1rem;}
    .inv3-list li{ padding: .1rem;}

    .search-news-list .news-text{ padding: .2rem 0;}

}
@media (max-width:991px) {
    .hm2-left{ float: none; width: 100%;}
    .hm2-img{ width: 65%; max-width: 400px; margin: 0 auto;}
    .hm2-right{ float: none; width: 100%;}
    .hm2-text{ margin: .15rem 0;}
    .hm2-center{ margin: .3rem 0;}
    .hm2-item{ padding: 0;}
    .hm2-item li:nth-child(1){ position: static; margin-left: 0; width: 24%; max-width: 140px;}
    .hm2-item li:nth-child(2){ width: 20%; max-width: 85px;}
    .hm2-item li:nth-child(3){ width: 24%; max-width: 150px;}
    .hm2-item li:nth-child(4){ width: 22%; max-width: 100px;}
    .hm2-line{ top: 0; width: 200%; height: 80%; background-size: 100% 100% !important;}

    .a-top-left{ float: none; width: 100%; max-height: 300px; height: 4rem;}
    .a-top-right{ float: none; width: 100%; margin: .3rem auto 0;}

    .his-list{ display: block; margin: 0;}
    .his-list li{ width: 100% !important; border-top: 1px solid #D1D1D1; padding: .2rem 0; margin: 0;}
    .his-list li:nth-child(3n - 1){ border-left: none; border-right: none;}
    .his-line{ margin: 5px 0; height: 2px;}

    .cul1-en{ font-size: 500%;}
    .cul1-bot li{ align-items: flex-start;}

    .honor-item{ display: block; padding: .16rem;}
    .honor-text{ display: flex; width: 100%;}
    .honor-text-up{ display: block;}
    .honor-text-scroll{ max-height: none;}
    .honor-text .swiper-btn{ display: none;}
    .honor-list{ display: none;}
    .honor-con{ width: 100%; max-width: 100%; margin: 0; padding: 10px; border-radius: .1rem; box-shadow: 0 0 .1rem rgba(0,0,0,0.16);}
    .honor-title{ display: block;}

    .respon2-list li{ width: 50%;}

    .contact{ display: block;}
    .con-left{ width: 100%; margin: 0 0 5px; border-radius: .2rem .2rem 0 0;}
    .con-right{ height: 400px; max-height: 5rem; border-radius: 0 0 .2rem .2rem;}

    .news-top-title{ margin: .1rem 0;}
    .news-top-con{ margin: .1rem 0;}
    .news-top-page{ transform: translateY(0);}

    .pro-top .swiper-slide{ width: 25%;}
    .pro-bot-top{ display: block; line-height: 1.4;}
    .pro-bot-title{ margin: 0 0 5px;}
    .pro-bot-tips{ text-align: left;}
    .pro-bot-list li{ width: 50%;}
    .pro-bot-text{ padding: .1rem .2rem;}

    .pro-detail{ display: block;}
    .pro-detail-left{ position: static; width: 100%; overflow: hidden;}
    .pro-detail-left .back-list{ display: none;}
    .pro-detail-img{ padding-bottom: 65%;}
    .pro-detail-text{ max-width: 100%; overflow: hidden;}
    .pro-detail-tips{ min-height: 0;}
    .pro-detail-text .back-list{ display: flex;}

    .inn1-list{ margin: .1rem 0;}
    .inn1-list li{ display: block; text-align: center;}
    .inn1-icon{ margin: 0 auto .2rem;}

    .inn3-bg{ padding: .6rem 0; margin-bottom: 0;}
    .inn3-bg::before{ bottom: 0;}

    .inn4-img{ width: 100%;}
    .inn4-text{ position: static; width: 100%; padding: .2rem;}
    .inn4-con{ max-width: 100%; max-height: 100%;}

    .inn5-text{ position: static; background-color: var(--main-color); padding: .3rem;}
    .inn5-con{ max-width: 100%; max-height: 100%; padding: 0; margin: 0;}
    .ser-bg .inn5-con{ max-width: 100%; width: 100%; margin: 0;}

    .sys1-list li{ width: 50%;}
    .sys2-list li{ width: 33.33% !important; padding: .3rem .2rem !important;}
    .sys2-num strong{ font-size: 200%;}

    .join3-text{ padding: .3rem;}

    .inv-top-bot{ display: block;}
    .inv-bot-center{ margin: .2rem 0;}
    .inv-bot-right{ justify-content: space-between;}
    .inv-bot-item{ margin-left: 0;}
    .inv1-text{ display: block;}
    .inv1-down{ margin-left: 0; margin-top: 5px;}
    .inv2-list li{ width: 50%;}
    .inv3-list li{ width: 50%;}


}
@media (max-width:767px) {
    .ban-page{ bottom: .2rem;}
    .hm2-num strong{ font-size: 200%;}
    .hm3-mask,
    .hm3-hover{ display: none;}

    .cul1-en{ font-size: 300%;}
    .cul1-bot li{ width: 100%;}
    .cul1-name{ font-size: 16px;}

    .buss-list li{ width: 100%;}

    .news-top .swiper-slide{ display: block;}
    .news-top-img{ width: 100%;}
    .news-top-text{ padding: .3rem;}
    .news-top-page{ padding: 0 .3rem;}
    .news-link:hover{ box-shadow: none;}
    .news-img{ width: 40%;}
    .news-text{ padding: 0 .3rem;}

    .news-head{ max-width: 100%;}
    .news-body{ max-width: 100%;}
    .news-foot{ display: block;}
    .back-list{ margin: .3rem auto 0 !important;}

    .inn1-list li{ flex: auto; padding: 0 .1rem; border: none;}
    .inn1-right{ font-size: 14px;}
    .inn1-num strong{ font-size: 200%;}
    .ser-bg .inn1-num strong,
    .ser-bg .inn1-num span{ font-size: 180%;}

    .sys2-list li{ width: 50% !important;}
    .sys3-list li{ width: 100%;}

    .join1-list li{ width: 100%;}
    .join1-text{ bottom: 50%; transform: translateY(50%);}
    .join3-swiper .swiper-slide{ width: 80%; max-width: none;}
    .join3-button{ width: 40px; height: 40px;}
    .join3-prev{ left: .1rem;}
    .join3-next{ right: .1rem;}

    .inv1-list li{ width: 100%;}
    .inv1-list li + li{ margin-top: .2rem;}

    .search-top{ height: auto; padding: .6rem 0;}
    .search-tit{ margin-bottom: .2rem;}
    .search-box{ width: 100%;}

}
@media (max-width:640px) {
    .hm4-more{ width: 200px; line-height: 40px;}
    .a-bot-bg .hm2-list{ width: 100%;}
    .his-tab{ width: 100%;}
    .his-tab::after{ top: .6rem; border-width: 1px;}

    .honor-dot{ width: 18px; height: 18px;}

    .pro-top .swiper-slide{ width: 33.33%;}
    .pro-bot-list li{ width: 100%;}
    .pro-top-link::before{ max-height: .04rem;}
    .pro-top-text h3{ font-size: 12px;}

    .sys1-star{ height: 12px;}
    .sys1-con{ padding: 0 24px; min-height: 56px;}
    .sys1-con::before,
    .sys1-con::after{ width: 24px; height: 56px;}

    .join3-button{ width: 36px; height: 36px;}

    .inv2-link{ padding: .2rem;}
    .inv2-title{ font-size: 16px; margin-bottom: 5px;}
    .inv2-time{ font-size: 12px; margin: 5px 0 10px;}
    .inv2-btn{ width: 100px; line-height: 20px;}
}
@media (max-width:460px) {
    .ban-tit{ font-size: .44rem;}
    .ban-en{ font-size: 14px;}
    .hm2-list{ font-size: 14px;}
    .hm3-title{ font-size: 14px;}
    .hm4-time{ font-size: 16px;}
    .hm4-time span{ font-size: 12px;}
    .hm4-title{ font-size: 14px;}
    .hm4-detail i{ width: 10px; height: 10px;}
    .hm4-more{ width: 180px; line-height: 38px;}
    .hm4-more a i{ width: 16px; height: 16px;}

    .his-year{ font-size: 18px;}
    .his-date{ font-size: 16px;}

    .cul1-title{ font-size: 16px;}
    .cul1-en{ font-size: 200%;}
    .cul1-icon{ max-width: 1rem; max-height: 1rem;}

    .honor-des{ font-size: 14px;}
    
    .respon1-more{ width: 140px; line-height: 34px; padding-left: .3rem;}
    .respon1-more i{ width: 22px; height: 22px; line-height: 22px;}
    .respon2-list li{ width: 100%;}

    .con-title{ font-size: 18px;}

    .news-top-title{ font-size: 16px;}
    .news-title{ font-size: 14px;}
    .news-con{ margin: 5px 0;}
    
    .detail-bg{ padding-top: 50px;}
    .news-h1{ font-size: .36rem;}

    .inn1-right p{ min-height: 2.6em; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .inn5-box h3{ font-size: 16px;}
    .ser-bg{ background-size: 200% auto;}

    .sys1-list li{ width: 100%;}
    .sys2-list{ font-size: 12px; line-height: 1.8; text-align: center;}
    .sys2-num{ font-size: 12px;}

    .join3-swiper .swiper-slide{ width: 90%;}
    .join3-title{ font-size: 16px;}
    .join3-con{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;}
    .join3-button{ display: none;}
    .join3-swiper .swiper-pagination{ display: block;}

    .inv2-list li{ width: 100%;}

    .search-ico{ left: 6px; background-size: 14px auto;}
    .search-input{ height: 40px; line-height: 40px; padding-left: 30px;}
    .search-btn{ width: 60px; height: 34px; right: 5px;}
}

@media (min-width:1200px) {    
    html{ font-size: 65px !important;}
}
@media (min-width:1400px) {
    html{ font-size: 80px !important;}
}
@media (min-width:1600px) {
    html{ font-size: 100px !important;}
}